﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Slide.Show Samples | Multiple</title>
		<style type="text/css">
			body
			{
				margin: 4px auto;
				text-align: center;
				background: #000;
			}
			table
			{
				margin: auto;
			}
			td
			{
				border: solid 1px #666;
			}
			.SlideShow
			{
				border: solid 1px #fff;
			}
		</style>
		<script type="text/javascript" src="../../Scripts/Debug/Silverlight.js"></script>
		<script type="text/javascript" src="../../Scripts/Debug/SlideShow.js"></script>
	</head>
	<body>
		<table cellpadding="4" cellspacing="4">
			<tr>
				<td>
					<script type="text/javascript">
						new SlideShow.Control({ width: 100, height: 100, background: "Red", scripts: { script: [ { key: "SlideDescription", url: "../../Scripts/Debug/SlideDescription.js", extendsclass: "UserControl"} ] }, modules: { module: [ { type: "SlideDescription" } ] }});
					</script>
				</td>
				<td>
					<script type="text/javascript">
						new SlideShow.Control({ width: 100, height: 100, background: "Green", scripts: { script: [ { key: "SlideDescription", url: "../../Scripts/Debug/SlideDescription.js", extendsclass: "UserControl" } ] }, modules: { module: [ { type: "SlideDescription" } ] }});
					</script>
				</td>
				<td>
					<script type="text/javascript">
						new SlideShow.Control({ width: 100, height: 100, background: "Blue", scripts: { script: [ { key: "SlideDescription", url: "../../Scripts/Debug/SlideDescription.js", extendsclass: "UserControl" } ] }, modules: { module: [ { type: "SlideDescription" } ] }});
					</script>
				</td>
			</tr>
		</table>	
	</body>
</html>